import React from 'react';
import {Layout,Breadcrumb} from "antd";
import LeftNavPage from '../NavPage/LeftNavPage'
const {Header,Content}=Layout

class MainPage extends React.Component {
    constructor(props) {
        super(props);
        this.state = {};
    }
    render() {
        return (
            <div>
                <Layout>
                    <Header></Header>
                    <Layout>
                        {/*左边导航*/}
                        <LeftNavPage></LeftNavPage>
                        {/*面包屑*/}
                        <Layout style={{padding:'24px'}}>
                            <Breadcrumb>
                                <Breadcrumb.Item>商品管理</Breadcrumb.Item>
                                <Breadcrumb.Item>权限管理</Breadcrumb.Item>
                                <Breadcrumb.Item>优惠管理</Breadcrumb.Item>
                                <Breadcrumb.Item>客户管理</Breadcrumb.Item>
                            </Breadcrumb>
                            <Content className='site-layout-background' style={{padding:24,
                                margin:0,
                                minHeight:550
                            }}>
                                {/*二级路由*/}
                                {this.props.children}
                            </Content>
                        </Layout>
                    </Layout>
                </Layout>
            </div>


        )
    }
}

export default MainPage
